讓 Code 乾淨的小技巧

刪草稿時找到看起來滿完整的就發布ㄌ。

本篇是以 JavaScript 為例，其他語言可能也有這些 API。

Nullish Coalescing ??

某些語言有提供 ?? 運算子，javasctipt 在 ES11 也有。
?? 的用法是檢查前面的是否 null，如果是 null，就回傳後面的。

Optional Chaining ?.

personObj?.name

如果不存在 personObj 也不會拋出 uncaught error 而是回傳 undefined
它減少了 personObj && personObj.name 一次的檢查

使用 ?. 也可以檢查是不是函式

object.method?.()

Object Shorthand

在物件裡如果有同名的屬性變數可以簡寫

{
name,
phoneNum
}

Defer/Async Loading

defer 可以延遲載入 js，原本會寫在 body 下面，但可以往上移

Styling Console Log

console.log() 其實可以在函數裡傳 css style

參考

*5 Must Know JavaScript Features That Almost Nobody Knows